<template>
        <div v-if="employ" id="employ" class="guide">
            <div class="pop-item">
                <h2 style="font-weight: normal;text-align: center;margin-bottom: 0.3rem">招聘新厨师</h2>
                <p>
                    招聘一名新厨师可以帮你更快地为顾客烹饪菜肴,增加餐厅收入,你最多可以拥有六名厨师. <br>
                    但每个厨师每周需要你支付￥100 <br>
                    请问你确认招聘一名厨师吗?
                    <br>
                    <br>
                </p>
                <div class="bottom">
                    <div class="button" style="width: 50%" @click="employed">是的,确认招聘</div>
                    <div class="button" style="width: 40%" @click="employCancel">先不了</div>
                </div>
            </div>
        </div>
</template>

<script>
import {mapState} from 'vuex'
import {mapMutations} from 'vuex'
export default {
    data() {
        return {

        }
    },
    computed:{
        ...mapState([
            'employ'
        ])
    },
    methods:{
        ...mapMutations([
            'employed',
            'employCancel'

        ]),
    }
}
</script>

<style scoped>
    .bottom{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

</style>